function chartSBS(renderBox) {

    this.renderBox = renderBox;

    this.objColor = [
        '#1FAEFF', '#95A5A6',
        '#C0392B', '#F39C12',
        '#8E44AD', '#BDC3C7',
        '#2980B9', '#27AE60',
        '#2C3E50', '#D35400',
        '#16A085', '#F1C40F',
        '#FF981D', '#2C3E50',
        '#E74C3C', '#7F8C8D',
        '#3498DB', '#ECF0F1',
        '#9B59B6', '#2ECC71',
        '#34495E'
    ];

    this.exporting = false;
    this.exportURL = 'http://www2.sbs-app.com/highchart-export/';

    this.title = '';
    this.ytitle = 'Amount';

    this.lStep = 1;
    this.slice = false;

    this.themeColor = '#999';
    this.gridColor = '#E1E1E1';
    this.xGridWidth = 1;

    this.borderColor = '#FFF';
    this.bgColor = {
        linearGradient: [0, 0, 250, 500],
        stops: [
            [0, 'rgb(255,255,255)'],
            [1, 'rgb(255,255,255)']

        ]

    };

    this.tipBorderColor = '#CCC';
    this.tipStyleColor = '#FFF';
    this.tipBgColor = {
        linearGradient: [0, 0, 0, 50],
        stops: [
            [0, 'rgba(96, 96, 96, .8)'],
            [1, 'rgba(16, 16, 16, .8)']

        ]

    };

    this.flatColorHex = '#6ca4bb';
    this.flatColorRGB = 'rgba(108,164,187,0.5)';

    var data_label = 'Title';
    var amount_label = 'Amount';

    var fnc_commaSeparateNumber = function (val) {

        while (/(\d+)(\d{3})/.test(val.toString())) {
            val = val.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
        }

        return val;
    }

    this.fnc_addDataR = function (obj, options) {
        var cAmount = this.objColor.length;
        var series = {size: '70%', data: []};

        for (var key in obj) {
            series.data.push({
                name: obj[key].name,
                y: parseInt(obj[key].num),
                color: this.objColor[key % cAmount],
                sliced: this.slice
            });
        }


        options.series.push(series);
        return options;
    }

    this.fnc_addDataXY = function (obj, options) {


        var series = {data: [], color: this.flatColorRGB};

        for (var key in obj) {
            series.data.push({
                y: parseInt(obj[key].num),
                inden: 44
            });

            options.xAxis.categories.push(obj[key].name);
        }

        options.series.push(series);
        return options;
    }

    this.fnc_addDataMultiSeriesArea = function (label, obj, options) {
        var series = [];
        for (var key in obj) {
            series.push({name: obj[key].name, data: obj[key].num, color: this.objColor[key]})
        }
        options.series = series;
        options.xAxis.categories = label;
        return options;
    }

    this.createDonut = function (obj, url) {

        if (typeof url == 'undefined')url = '';

        var options = {
            chart: {
                renderTo: this.renderBox,
                defaultSeriesType: 'pie',
                borderColor: this.borderColor,
                borderWidth: 1,
                borderRadius: 0,
                backgroundColor: this.bgColor

            },
            loading: {
                labelStyle: {
                    fontWeight: 'bold',
                    position: 'relative',
                    top: '50%',
                    color: 'white'

                },
                style: {
                    backgroundColor: '#333'
                }

            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            credits: {
                enabled: false

            },
            title: {
                text: this.title,
                style: {
                    color: this.themeColor,
                    fontWeight: 'bold'

                }

            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {
                    return '' + this.point.name + ' : ' + fnc_commaSeparateNumber(this.y);
                }

            },
            plotOptions: {
                pie: {
                    borderColor: this.themeColor,
                    borderWidth: 0,
                    dataLabels: {
                        enabled: true,
                        color: this.themeColor,
                        connectorColor: this.themeColor,
                        formatter: function () {
                            return '<b>' + this.point.name + '</b> :' + fnc_commaSeparateNumber(this.y);
                        }

                    }


                },
                series: {
                    cursor: 'pointer',
                    innerSize: '50%',
                    point: {
                        events: {
                            click: function () {

                                if (url > '') {
                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.name + '&data=' + fnc_commaSeparateNumber(this.y);
                                } else {
                                    alert(data_label + ': ' + this.name + ', ' + amount_label + ': ' + fnc_commaSeparateNumber(this.y));
                                }

                            }

                        }

                    }

                }

            },
            series: []

        };

        options = this.fnc_addDataR(obj, options);
        new Highcharts.Chart(options);
    }

    this.createColumn = function (obj, url) {

        if (typeof url == 'undefined')url = '';


        var options = {
            chart: {
                renderTo: this.renderBox,
                defaultSeriesType: 'column',
                borderColor: this.borderColor,
                borderWidth: 1,
                borderRadius: 0,
                backgroundColor: this.bgColor

            },
            loading: {
                labelStyle: {
                    fontWeight: 'bold',
                    position: 'relative',
                    top: '50%',
                    color: 'white'

                },
                style: {
                    backgroundColor: '#333'
                }

            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            credits: {
                enabled: false

            },
            title: {
                text: this.title,
                style: {
                    color: this.themeColor,
                    fontWeight: 'bold'

                }

            },
            xAxis: {
                categories: [],
                labels: {
                    rotation: 0,
                    step: this.lStep,
                    align: 'center',
                    style: {
                        color: this.themeColor

                    }

                },
                gridLineWidth: 1,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                tickColor: this.themeColor

            },
            yAxis: {
                gridLineWidth: 1,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                lineWidth: 1,
                title: {
                    text: this.ytitle,
                    style: {
                        color: this.themeColor,
                        fontWeight: 'bold'

                    }

                },
                labels: {
                    style: {
                        color: this.themeColor

                    }

                }

            },
            legend: {
                enabled: false,
                backgroundColor: '#DDDDDD',
                borderColor: '#666666',
                itemStyle: {
                    color: '#333333',
                    fontWeight: 'bold'
                }

            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {
                    return this.x + ' : ' + fnc_commaSeparateNumber(this.y);
                }
            },
            plotOptions: {
                series: {
                    borderColor: this.flatColorHex,
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {

                                if (url > '') {
                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.category + '&data=' + fnc_commaSeparateNumber(this.y);
                                } else {
                                    alert(data_label + ' : ' + this.category + ', ' + amount_label + ' : ' + fnc_commaSeparateNumber(this.y));
                                }

                            }  // # END CLICK

                        }   // # END  EVENTS

                    }  // # END POINT

                }  // # END SERIES

            }, //  # END PLOT OPTION

            series: []

        };


        if (obj.length > 5) {
            options.xAxis.labels.rotation = -45;
            options.xAxis.labels.align = "right"
        }

        options = this.fnc_addDataXY(obj, options);

        new Highcharts.Chart(options);

    }

    this.createBar = function (obj, url) {

        if (typeof url == 'undefined')url = '';


        var options = {
            chart: {
                renderTo: this.renderBox,
                defaultSeriesType: 'bar',
                borderColor: this.borderColor,
                borderWidth: 1,
                borderRadius: 0,
                backgroundColor: this.bgColor

            },
            loading: {
                labelStyle: {
                    fontWeight: 'bold',
                    position: 'relative',
                    top: '50%',
                    color: 'white'

                },
                style: {
                    backgroundColor: '#333'
                }

            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            credits: {
                enabled: false

            },
            title: {
                text: this.title,
                style: {
                    color: this.themeColor,
                    fontWeight: 'bold'

                }

            },
            xAxis: {
                categories: [],
                labels: {
                    rotation: 0,
                    step: this.lStep,
                    align: 'center',
                    style: {
                        color: this.themeColor

                    }

                },
                gridLineWidth: 1,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                tickColor: this.themeColor

            },
            yAxis: {
                gridLineWidth: 1,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                lineWidth: 1,
                title: {
                    text: this.ytitle,
                    style: {
                        color: this.themeColor,
                        fontWeight: 'bold'

                    }

                },
                labels: {
                    style: {
                        color: this.themeColor

                    }

                }

            },
            legend: {
                enabled: false,
                backgroundColor: '#DDDDDD',
                borderColor: '#666666',
                itemStyle: {
                    color: '#333333',
                    fontWeight: 'bold'
                }

            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {
                    return this.x + ' : ' + fnc_commaSeparateNumber(this.y);
                }
            },
            plotOptions: {
                series: {
                    borderColor: this.flatColorHex,
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {

                                if (url > '') {
                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.category + '&data=' + fnc_commaSeparateNumber(this.y);
                                } else {
                                    alert(data_label + ' : ' + this.category + ', ' + amount_label + ' : ' + fnc_commaSeparateNumber(this.y));
                                }

                            }  // # END CLICK

                        }   // # END  EVENTS

                    }  // # END POINT

                }  // # END SERIES

            }, //  # END PLOT OPTION

            series: []

        };


        if (obj.length > 5) {
            options.xAxis.labels.rotation = -45;
            options.xAxis.labels.align = "right"
        }

        options = this.fnc_addDataXY(obj, options);

        new Highcharts.Chart(options);

    }

    this.createLine = function (obj, url) {


        var options = {
            chart: {
                renderTo: this.renderBox,
                defaultSeriesType: 'line',
                borderColor: this.borderColor,
                borderWidth: 1,
                borderRadius: 0,
                backgroundColor: this.bgColor

            },
            loading: {
                labelStyle: {
                    fontWeight: 'bold',
                    position: 'relative',
                    top: '50%',
                    color: 'white'

                },
                style: {
                    backgroundColor: '#333'

                }

            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            credits: {
                enabled: false

            },
            title: {
                text: this.title,
                style: {
                    color: this.themeColor,
                    fontWeight: 'bold'

                }

            },
            xAxis: {
                categories: [],
                labels: {
                    rotation: 0,
                    step: this.lStep,
                    align: 'center',
                    style: {
                        color: this.themeColor

                    }

                },
                gridLineWidth: this.xGridWidth,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                tickColor: this.themeColor

            },
            yAxis: {
                min: 0,
                gridLineWidth: 1,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                lineWidth: 1,
                title: {
                    text: this.ytitle,
                    style: {
                        color: this.themeColor,
                        fontWeight: 'bold'

                    }

                },
                labels: {
                    style: {
                        color: this.themeColor

                    }

                }

            },
            legend: {
                enabled: false,
                backgroundColor: '#DDDDDD',
                borderColor: '#666666',
                itemStyle: {
                    color: '#333333',
                    fontWeight: 'bold'

                }

            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {

                    return '' +
                        this.x + ' : ' + fnc_commaSeparateNumber(this.y);

                }

            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0

                },
                series: {
                    marker: {
                        fillColor: '#FFFFFF',
                        lineWidth: 2,
                        lineColor: null

                    },
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {

                                if (url > '') {

                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.category + '&data=' + fnc_commaSeparateNumber(this.y);

                                } else {

                                    alert(data_label + ' : ' + this.category + ', ' + amount_label + ' : ' + fnc_commaSeparateNumber(this.y));

                                }

                            }  // # END CLICK

                        }

                    }

                }

            },
            series: []

        };


        if (obj.length > 5) {
            options.xAxis.labels.rotation = -45;
            options.xAxis.labels.align = "right"
        }

        options = this.fnc_addDataXY(obj, options);

        new Highcharts.Chart(options);

    }

    this.createSPLine = function (obj, url) {


        var options = {
            chart: {
                renderTo: this.renderBox,
                defaultSeriesType: 'spline',
                borderColor: this.borderColor,
                borderWidth: 1,
                borderRadius: 0,
                backgroundColor: this.bgColor

            },
            loading: {
                labelStyle: {
                    fontWeight: 'bold',
                    position: 'relative',
                    top: '50%',
                    color: 'white'

                },
                style: {
                    backgroundColor: '#333'

                }

            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            credits: {
                enabled: false

            },
            title: {
                text: this.title,
                style: {
                    color: this.themeColor,
                    fontWeight: 'bold'

                }

            },
            xAxis: {
                categories: [],
                labels: {
                    rotation: 0,
                    step: this.lStep,
                    align: 'center',
                    style: {
                        color: this.themeColor

                    }

                },
                gridLineWidth: this.xGridWidth,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                tickColor: this.themeColor

            },
            yAxis: {
                min: 0,
                gridLineWidth: 1,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                lineWidth: 1,
                title: {
                    text: this.ytitle,
                    style: {
                        color: this.themeColor,
                        fontWeight: 'bold'

                    }

                },
                labels: {
                    style: {
                        color: this.themeColor

                    }

                }

            },
            legend: {
                enabled: false,
                backgroundColor: '#DDDDDD',
                borderColor: '#666666',
                itemStyle: {
                    color: '#333333',
                    fontWeight: 'bold'

                }

            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {

                    return '' +
                        this.x + ' : ' + fnc_commaSeparateNumber(this.y);

                }

            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0

                },
                series: {
                    marker: {
                        fillColor: '#FFFFFF',
                        lineWidth: 2,
                        lineColor: null

                    },
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {

                                if (url > '') {

                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.category + '&data=' + fnc_commaSeparateNumber(this.y);

                                } else {

                                    alert(data_label + ' : ' + this.category + ', ' + amount_label + ' : ' + fnc_commaSeparateNumber(this.y));

                                }

                            }  // # END CLICK

                        }

                    }

                }

            },
            series: []

        };


        if (obj.length > 5) {
            options.xAxis.labels.rotation = -45;
            options.xAxis.labels.align = "right"
        }

        options = this.fnc_addDataXY(obj, options);

        new Highcharts.Chart(options);

    }

    this.createPie = function (obj, url) {
        var options = {
            chart: {
                renderTo: this.renderBox,
                plotBackgroundColor: false,
                plotBorderWidth: null,
                plotShadow: false,
                type: 'pie'
            },
            title: {
                text: this.title
            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {
                    return '' + this.point.name + ' : ' + fnc_commaSeparateNumber(this.y);
                }
            },
            credits: {
                enabled: false
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    borderColor: '#fff',
                    cursor: 'pointer',
                    borderWidth: 1,
                    dataLabels: {
                        enabled: true,
                        color: this.themeColor,
                        connectorColor: this.themeColor,
                        formatter: function () {
                            return '<b>' + this.point.name + '</b> :' + fnc_commaSeparateNumber(this.y);
                        }
                    },
                    point: {
                        events: {
                            click: function (event) {
                                if (url > '') {
                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.name + '&data=' + fnc_commaSeparateNumber(this.y);
                                } else {
                                    alert(data_label + ': ' + this.name + ', ' + amount_label + ': ' + fnc_commaSeparateNumber(this.y));
                                }
                            }
                        }
                    },
                }
            },
            series: []

        }

        options = this.fnc_addDataR(obj, options);
        new Highcharts.Chart(options);
    }

    this.createArea = function (obj, url) {


        var options = {
            chart: {
                renderTo: this.renderBox,
                defaultSeriesType: 'area',
                borderColor: this.borderColor,
                borderWidth: 1,
                borderRadius: 0,
                backgroundColor: this.bgColor

            },
            loading: {
                labelStyle: {
                    fontWeight: 'bold',
                    position: 'relative',
                    top: '50%',
                    color: 'white'

                },
                style: {
                    backgroundColor: '#333'

                }

            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            credits: {
                enabled: false

            },
            title: {
                text: this.title,
                style: {
                    color: this.themeColor,
                    fontWeight: 'bold'

                }

            },
            xAxis: {
                categories: [],
                labels: {
                    rotation: 0,
                    step: this.lStep,
                    align: 'center',
                    style: {
                        color: this.themeColor

                    }

                },
                gridLineWidth: this.xGridWidth,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                tickColor: this.themeColor

            },
            yAxis: {
                min: 0,
                gridLineWidth: 1,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                lineWidth: 1,
                title: {
                    text: this.ytitle,
                    style: {
                        color: this.themeColor,
                        fontWeight: 'bold'

                    }

                },
                labels: {
                    style: {
                        color: this.themeColor

                    }

                }

            },
            legend: {
                enabled: false,
                backgroundColor: '#DDDDDD',
                borderColor: '#666666',
                itemStyle: {
                    color: '#333333',
                    fontWeight: 'bold'

                }

            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {

                    return '' +
                        this.x + ' : ' + fnc_commaSeparateNumber(this.y);

                }

            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0

                },
                series: {
                    marker: {
                        fillColor: '#FFFFFF',
                        lineWidth: 2,
                        lineColor: null

                    },
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {

                                if (url > '') {

                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.category + '&data=' + fnc_commaSeparateNumber(this.y);

                                } else {

                                    alert(data_label + ' : ' + this.category + ', ' + amount_label + ' : ' + fnc_commaSeparateNumber(this.y));

                                }

                            }  // # END CLICK

                        }

                    }

                }

            },
            series: []

        };


        if (obj.length > 5) {
            options.xAxis.labels.rotation = -45;
            options.xAxis.labels.align = "right"
        }

        options = this.fnc_addDataXY(obj, options);

        new Highcharts.Chart(options);

    }

    this.createMcolumn = function (obj, label, url) {
        var options = {
            chart: {
                renderTo: this.renderBox,
                type: 'column'
            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            title: {
                text: this.title
            },
            xAxis: {
                categories: []
            },
            yAxis: {
                title: {
                    text: this.ytitle,
                    style: {
                        color: this.themeColor,
                        fontWeight: 'bold'

                    }

                },
            },
            credits: {
                enabled: false
            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {
                    return this.x + ' : ' + fnc_commaSeparateNumber(this.y);
                }
            },
            plotOptions: {
                series: {
                    borderColor: this.flatColorHex,
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {

                                if (url > '') {
                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.category + '&data=' + fnc_commaSeparateNumber(this.y);
                                } else {
                                    alert(data_label + ' : ' + this.category + ', ' + amount_label + ' : ' + fnc_commaSeparateNumber(this.y));
                                }

                            }  // # END CLICK

                        }   // # END  EVENTS

                    }  // # END POINT

                }  // # END SERIES

            }, //  # END PLOT OPTION
            series: []
        }

        options = this.fnc_addDataMultiSeriesArea(label, obj, options);
        new Highcharts.Chart(options);
    }

    this.createScatter = function (obj, url) {
        var options = {
            chart: {
                renderTo: this.renderBox,
                defaultSeriesType: 'scatter',
                zoomType: 'xy'
            },
            loading: {
                labelStyle: {
                    fontWeight: 'bold',
                    position: 'relative',
                    top: '50%',
                    color: 'white'

                },
                style: {
                    backgroundColor: '#333'

                }

            },
            exporting: {
                enabled: this.exporting,
                url: this.exportURL,
                sourceWidth: 800,
                sourceHeight: 600
            },
            credits: {
                enabled: false

            },
            title: {
                text: this.title,
                style: {
                    color: this.themeColor,
                    fontWeight: 'bold'

                }

            },
            xAxis: {
                categories: [],
                labels: {
                    rotation: 0,
                    step: this.lStep,
                    align: 'center',
                    style: {
                        color: this.themeColor

                    }

                },
                gridLineWidth: this.xGridWidth,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                tickColor: this.themeColor

            },
            yAxis: {
                min: 0,
                gridLineWidth: 1,
                gridLineColor: this.gridColor,
                lineColor: this.themeColor,
                lineWidth: 1,
                title: {
                    text: this.ytitle,
                    style: {
                        color: this.themeColor,
                        fontWeight: 'bold'

                    }

                },
                labels: {
                    style: {
                        color: this.themeColor

                    }

                }

            },
            legend: {
                enabled: false,
                backgroundColor: '#DDDDDD',
                borderColor: '#666666',
                itemStyle: {
                    color: '#333333',
                    fontWeight: 'bold'

                }

            },
            tooltip: {
                borderColor: this.tipBorderColor, backgroundColor: this.tipBgColor,
                style: {color: this.tipStyleColor},
                formatter: function () {

                    return '' +
                        this.x + ' : ' + fnc_commaSeparateNumber(this.y);

                }

            },
            plotOptions: {
                scatter: {
                    marker: {
                        radius: 5,
                        states: {
                            hover: {
                                enabled: true,
                                lineColor: 'rgb(100,100,100)'
                            }
                        }
                    },
                    states: {
                        hover: {
                            marker: {
                                enabled: false
                            }
                        }
                    },
                },
                series: {
                    marker: {
                        fillColor: '#FFFFFF',
                        lineWidth: 2,
                        lineColor: null
                    },
                    cursor: 'pointer',
                    point: {
                        events: {
                            click: function () {

                                if (url > '') {

                                    window.location = url + '&series=' + this.series.name + '&cat=' + this.category + '&data=' + fnc_commaSeparateNumber(this.y);

                                } else {

                                    alert(data_label + ' : ' + this.category + ', ' + amount_label + ' : ' + fnc_commaSeparateNumber(this.y));

                                }

                            }  // # END CLICK

                        }

                    }

                }

            },
            series: []

        };


        if (obj.length > 5) {
            options.xAxis.labels.rotation = -45;
            options.xAxis.labels.align = "right"
        }

        options = this.fnc_addDataXY(obj, options);

        new Highcharts.Chart(options);
    }

}
